.box {
  border: 1px solid #ff0000;
  padding: 1rem;
}

.flex01 {
  display: flex;
  justify-content: space-around;
}

.flex02 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.box2,
.box2 > div {
  border: 1px solid #ff00ff;
  margin: 0.5rem;
  padding: 0.5rem;
}

/* 
  选择器a > 选择器b
  表示a 里面 第一层级的

  .box2 > div表示：
  class为box2里面的第一级的div元素

  选择器a , 选择器b
  表示 a或者b共用的样式
*/

/* 固定位置 */
.fixed01 {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
}

.fixed02 {
  position: fixed;
  left: 0px;
  top: 0px;
}
